body{background-color:#f8f8f8}
header {position:relative;width:100%;height:25rem;text-align:left;overflow:hidden;color:#fff}
header:after{width:200%;height:25rem;position:absolute;left:-50%;top:0;z-index:-2;content:'';border-radius:0 0 50% 50%;background-size:50%}
header:before{content:'';position:absolute;top:0;left:0;width:100%;height:25rem;z-index:-1;overflow:hidden;background-size:100%;background-image:url("../../../res/m/img/my_bg.png");}

header .set a{width:4rem;height:2.4rem;line-height:2.4rem;font-size:2.4rem;float:right;position:relative;margin-top:2rem;color:#fff}
header .set a b{display:block;position:absolute;width:.9rem;height:.9rem;border-radius:.9rem;background-color:#fff;right:1rem;top:-.5rem;}

header p{position:absolute;left:1.5rem;top:5rem;text-align:center}
header p img{width:8rem;height:8rem;border-radius:5rem;object-fit:cover;-webkit-object-fit:cover}
header p a:last-child{width:7.6rem;line-height:2.2rem;bottom:0;left:.2rem;background-color:#DAB778;display:inline-block;position:absolute;font-size:1.2rem;border-radius:2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:rgba(255,255,255,.5) 1px solid;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
header p a.hui{background-color:#ccc;color:#666;background-image:-webkit-linear-gradient(left,#ccc,#eee,#ccc)}
header p a.vip{background-color:#DAB778;color:#844B00;background-image:-webkit-linear-gradient(left,#c3994c,#FEE517,#c3994c)}
header p a.photo_s_hide{position:relative}
header p a.photo_s_hide span{position:absolute;width:8rem;height:8rem;line-height:7.5rem;display:inline-block;color:#fff;font-size:1.2rem;background-color:rgba(0,0,0,0.5);border-radius:50%;}

header .nickname{width:70%;display:inline-block;position:absolute;top:6rem;left:11rem;line-height:2.4rem;color:#fff}
header .nickname h3{font-size:1.6rem}
header .nickname b{max-width:45%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;font-weight:normal}
header .nickname font,header .nickname img{vertical-align:middle;display:inline-block}
header .nickname font.S14{margin-left:.5rem}

header .databox{width:44%;position:absolute;text-align:left;top:9rem;left:11rem}
header .databox .bfbbox{width:100%;height:.8rem;margin-top:.7rem;background-color:#fff;border-radius:.5rem;overflow:hidden}
header .databox .bfbbox .bfb{height:100%;background-color:#1ED76D;border:#fff 1px solid;border-radius:.5rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
header .databox font{padding:.2rem .6rem;display:inline-block;margin-left:.5rem;line-height:1.4rem;color:#fff;border-radius:1rem 1rem 1rem 0;font-size:1.2rem;border:rgba(255,255,255,.5) 1px solid}
header .databox font.dflag0{background-color:#1ED76D}
header .databox font.dflag2{background-color:#333}

header .jt{position:absolute;right:1.5rem;top:10rem;color:#fff}

header .myb{width:90%;position:absolute;top:15rem;left:5%;height:6rem;text-align:center}
header .myb a{width:25%;display:block;float:left;position:relative;color:#fff}
header .myb a b{font-size:1.8rem;font-family:Arial;font-weight:normal}
header .myb a span{display:block;margin-top:.2rem;font-size:1.4rem}

.box{width:94%;background-color:#fff;min-height:8rem;margin:0 auto 1.2rem auto;border-radius:1.6rem;padding:1.5rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.box h1{font-size:1.6rem;text-align:left;font-weight:500}
.box h1 a{margin-left:1rem;font-size:1.4rem;font-weight:normal;float:right}

.my_Iviewuser{height:6rem;padding:1.5rem 0;width:100%;margin-top:0}
.my_Iviewuser .ivubox span{display:inline-block;width:4rem;height:4rem;border:.2rem solid #fff;border-radius:5rem;margin-left:-.8rem;overflow:hidden;transform:rotate(0deg);}
.my_Iviewuser .ivubox span img{width:4rem;height:4rem;object-fit:cover;-webkit-object-fit:cover;overflow:hidden}
.my_Iviewuser .ivubox span img.blur{filter:blur(.3rem);-webkit-filter:blur(.3rem);display:block}
.my_Iviewuser h5{font-size:1.4rem;color:#999}
.my_Iviewuser h5 b{color:#f00;margin:0 .2rem;font-weight:normal}
.my_Iviewuser .ico{font-size:4rem;line-height:4rem;color:#ccc;margin:-1rem auto 1rem auto}

.enter4{min-height:11.8rem;padding:2rem 1.2rem 1.2rem 1.2rem;margin-top:-4rem}
.enter4 a{width:25%;display:inline-block;text-align:center;float:left}
.enter4 a i{width:5rem;height:5rem;line-height:5rem;border-radius:2.5rem;display:inline-block;font-size:2.8rem;color:#fff}
.enter4 a i.vip{background-image:-webkit-linear-gradient(left,#FE803B,#FE3553);font-size:2.8rem}
.enter4 a i.cert{background-image:-webkit-linear-gradient(left,#20B9FE,#20A8FF)}
.enter4 a i.hongniang{background-image:-webkit-linear-gradient(left,#FE17CB,#FD7E1D)}
.enter4 a i.match{background-image:-webkit-linear-gradient(left,#FEBE13,#FE9C1F);font-size:2.5rem}
.enter4 a span{width:6rem;display:block;margin:.8rem auto 0 auto}

.iMarqueeBox{position:relative;margin-top:1.5rem;height:4rem;padding:0 0;border-radius:.6rem}
.iMarqueeBox h5{width:5rem;height:2.4rem;line-height:2.4rem;position:absolute;left:.8rem;top:.8rem;border-radius:1.6rem;color:#fff;font-size:1.3rem}
.iMarquee {position:absolute;left:6rem;width:-webkit-calc(100% - 6rem);height:4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iMarquee li{width:100%;font-size:1.4rem;height:4rem;line-height:4rem;color:#666;border-radius:2rem;text-align:left;padding-left:1rem;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

.appul{box-sizing:border-box;-webkit-box-sizing:border-box;margin-top:1.5rem}
.appul a{width:25%;height:8rem;display:inline-block;text-align:center;float:left;position:relative}
.appul a i{width:4rem;height:4rem;line-height:4rem;padding:0 1rem;border-radius:3rem;display:inline-block;font-size:3rem;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.appul a b{font-weight:normal;display:inline-block;min-width:1.2rem;padding:0 .5rem;height:1.8rem;line-height:1.8rem;font-size:1.2rem;border-radius:1.2rem;background-color:#FF5722;color:#fff;position:absolute;top:0px;right:.6rem;transform:scale(.8)}

.appul a i.tg{background-image:-webkit-linear-gradient(left,#F9CE18,#F7564D);border-color:#98E165}
.appul a i.shop{background-image:-webkit-linear-gradient(left,#FF8D8E,#FF7374);border-color:#FF7374}
.appul a i.trend{background-image:-webkit-linear-gradient(left,#FF90C5,#FF0DB6);border-color:#FF90C5}
.appul a i.dating{background-image:-webkit-linear-gradient(left,#FFACAC,#FF4848);border-color:#FFACAC}
.appul a i.hongbao{background-image:-webkit-linear-gradient(left,#ff794a,#ffb196);border-color:#ff794a}
.appul a i.gift{background-image:-webkit-linear-gradient(left,#fc0,#f60);border-color:#fc0}
.appul a i.xqk{background-image:-webkit-linear-gradient(left,#FEC2E2,#FD45A7);border-color:#FEC2E2}
.appul a i.video{background-image:-webkit-linear-gradient(left,#9BCBFF,#529CFF);border-color:#9BCBFF}
.appul a i.photo{background-image:-webkit-linear-gradient(left,#62D1FF,#06B6FF);border-color:#62D1FF}
.appul a i.ask{background-image:-webkit-linear-gradient(left,#72eaea,#16C2C2);border-color:#72eaea}
.appul a i.hongniang{background-image:-webkit-linear-gradient(left,#ffa792,#F7564D);border-color:#ffa792}
.appul a i.match{background-image:-webkit-linear-gradient(left,#E7AEFE,#C768EF);border-color:#E7AEFE}
.appul a i.qun{background-image:-webkit-linear-gradient(left,#D88CFF,#ecc6ff);border-color:#D88CFF;font-size:3.6rem}
.appul a i.sign{background-image:-webkit-linear-gradient(left,#b9b4fc,#7B73E4);border-color:#7B73E4;font-size:3.2rem}
.appul a span{width:6rem;display:block;margin:0px auto 0 auto}
.zeai_bottom{background-color:#fff;margin-top:3rem;margin-bottom:5rem;border-radius:0;padding:2rem}
.ifadm{width:5rem;height:5rem;border-radius:3rem;position:fixed;right:1.5rem;bottom:7rem;background-color:#009688;color:#fff;font-size:1.2rem;text-align:center;;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding-top:1rem;box-shadow:3px 3px 5px rgba(0,0,0,0.1)}